<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jspf/inc/inc_tag.jspf"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JQUERY TEST01 PAGE</title>
<%@ include file="/WEB-INF/jspf/inc/inc_js.jspf"%>
<script type="text/javascript" src="/js/jquery.kswoo.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$("#jq01").val("클릭하세요").click(function(){
			alert($.nvl(null,"10"));	
		});
		
		for(var i=0; i < 4; i++){
			$("#s00").append("<option value='"+(i)+"'>"+(i)+"번"+"</option>");
		}
		for(var i=0; i < 12; i++){
			$("#s01").append("<option value='"+(2000+i)+"'>"+(2000+i)+"년"+"</option>");
			$("#s02").append("<option value='"+(1+i)+"'>"+(1+i)+"월"+"</option>");
			$("#s03").append("<option value='"+(1+i)+"'>"+(1+i)+"일"+"</option>");
		}
		
		$("#s00").change(function(){		
			 $("#s01>option:first, #s02>option:first, #s03>option:first").attr("selected","selected");			
		});
	});	
	
	function page01(){
		test = function(){
			
		};
	}
</script>
</head>
<body>
<input type="button" id="jq01">
<select id="s00"></select>
<select id="s01"></select>
<select id="s02"></select>
<select id="s03"></select>

<br />
<div>
<table>
	<thead>
		<tr>
			<th>순번</th>
			<th>이름</th>
			<th>나이</th>
		</tr>
	</thead>
	<tbody>
	<c:forEach items="${mList }" var="list" varStatus="inx">
		<tr>
			<td>${inx.count }</td>
			<td><a href="${ctx}/jfree/user.do?id=${list.id }">${list.name }</a></td>
			<td>${list.age }</td>
		</tr>
	</c:forEach>
	</tbody>
</table>
</div>
<a href="${ctx}/jfree/excel.do">엑셀다운로드</a>

<%@ include file="/WEB-INF/jsp/jfree/chart01.jsp" %>
<!-- 
<img src="${ctx}/jfree/chart01.do">
 -->
</body>
</html>